<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
    <link href="./CSS/demo5.css" rel="stylesheet">
</head>
<body>
<div id="root">
    <div class="a">
        <!--<div class="box">
            <div ></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第二行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第三行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第二行&ndash;&gt;
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第四行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第五行&ndash;&gt;
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            &lt;!&ndash;            第六航间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第七行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第八航间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第九航&ndash;&gt;
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第十行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第十一行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第十二航间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            第十三行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十四行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十五行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十六行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十七行&ndash;&gt;
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十八行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            十九行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            二十行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            二十一行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            二十二行间隙&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            &lt;!&ndash;            二十三行&ndash;&gt;
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

        </div>
        -->
        <div class="box">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div class="xiaYi"></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="xiaYi"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

        </div>
    </div>
</div>
<script>
    let vm = new Vue({
        el: "#root",
        data() {
            return {}
        },
        methods: {}
    })
</script>

</body>
</html>